.main {
    width: 400px;
    margin: 100px auto;
    padding: 20px;
    background-color: #f8f9fa;
    border: 2px solid #000000;
    border-radius: 5px;
    overflow: hidden; /* 确保内容不会溢出容器 */
    text-align: center; /* 可选：使内容在容器中居中 */
}

.main form {
    display: flex;
    flex-direction: column;
    align-items: center; /* 可选：使表单元素在垂直方向上居中 */
}

.main label {
    margin-top: 15px; /* 调整间距以适应布局 */
}

.main input {
    padding: 10px; /* 增加填充以提高可用性 */
    border: 1px solid #808080;
    border-radius: 3px;
    width: calc(100% - 22px); /* 确保输入框不会超出容器宽度（考虑到边框和填充） */
}

.main button {
    margin-top: 20px; /* 调整间距以适应布局 */
    padding: 10px 20px;
    background-color: #606060;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    width: calc(100% - 22px); /* 与输入框相同，确保按钮不会超出容器宽度 */
}

/* 删除.login的绝对定位和固定尺寸 */
.login {
    /* 不再需要设置宽度、高度和定位属性 */
    max-width: 100%; /* 可选：确保.login不会超过其父容器的宽度 */
    margin: 0 auto; /* 可选：如果希望.login在水平方向上居中 */
}

.login h4, .login address {
    margin: 0; /* 移除标题的默认边距 */
    padding: 0 10px; /* 可选：为标题添加一些内边距以提高可读性 */
}